<?php
header("Content-type:text/html;charset=utf-8");
include_once 'commonDB.php';
	?>

<?php
header("Content-type:text/html;charset=utf-8");
ini_set("error_reporting","E_ALL & ~E_NOTICE");
include_once 'php/commondb.php';
	?>
	
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/simditor.css" />
		<link rel="stylesheet" type="text/css" href="css/boke.css" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.wrap {
				width: 100%;
				height: 100%;
				background-color: rgb(242, 242, 242);
			}
			
			#navigation {
				width: 100%;
				height: 50px;
				background-color: rgba(0, 0, 0, 0.8);
			}
			
			#nav {
				width: 1200px;
				height: 100%;
				margin-left: auto;
				margin-right: auto;
				overflow: hidden;
			}
			
			#nav_log {
				width: 25%;
				height: 100%;
				float: left;
			}
			
			#nav_junp {
				width: 40%;
				height: 100%;
				float: left;
				overflow: hidden;
			}
			
			#nav_junp>div {
				width: 20%;
				height: 100%;
				float: left;
			}
			
			#nav_load {
				width: 35%;
				height: 100%;
				float: right;
				overflow: hidden;
			}
			
			#nav_load>div {
				width: 50%;
				height: 100%;
				float: left;
			}
			
			#grapes_hover {
				width: 100%;
				position: absolute;
				overflow: hidden;
				background-color: white;
				z-index: 1;
			}
			
			#keepout {
				width: 1000px;
				height: 200px;
				margin-left: auto;
				margin-right: auto;
				display: none;
				overflow: hidden;
			}
			
			#keepout>div {
				width: 15%;
				height: 100%;
				float: left;
				position: relative;
			}
			
			#keepout>div>a>img {
				position: absolute;
				top: 10%;
				left: 11%;
				width: 75%;
				height: 55%;
				padding: 0 20px 0 0;
				border-right: 2px solid #ccc;
			}
			
			#abyejiaoly {
				width: 100%;
				height: 220px;
				background-color: whitesmoke;
			}
			
			footer {
				width: 1000px;
				height: 100%;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;
			}
			
			#footer_left {
				width: 20%;
				height: 80%;
				float: left;
				border-bottom: 1px solid #CCCCCC;
			}
			
			#footer_middle {
				width: 60%;
				height: 80%;
				float: left;
				overflow: hidden;
				border-bottom: 1px solid #CCCCCC;
			}
			
			#footer_middle>div {
				width: 20%;
				height: 100%;
				float: left;
			}
			
			#footer_right {
				width: 20%;
				height: 80%;
				float: right;
				border-bottom: 1px solid #CCCCCC;
			}
			
			.head{
				/*width: 100%;*/
				height: 300px;
				background: url(img/uhygfoyqgfiyqgfoiygfyigfgioygf.png) 100% 100% no-repeat ;
			}
			.middle{
				width: 1200px;
				height: 100%;
				margin: -50px auto 0;
				overflow: hidden;
				background-color: white;
			}
			.middle-left{
				width: 800px;
				height: 100%;
				float: left;
				box-shadow: 0px 5px 80px #ccc;
			}
			.middle-left-element1{
				width: 700px;
				height: 40px;
				background-color: #CCCCCC;
				margin: 20px auto 0;
				line-height: 40px;
				text-indent: 2em;
				font-size: 14px;
			}
			.middle-left-element2{
				width: 700px;
				height: 100%;
				margin: 0 auto;
				border-bottom: 1px solid #CCCCCC;
			}
			.title{
				font-size: 20px;
				margin-top: 30px;
			}
			.headImage{
				width: 70px;
				height: 70px;
				border-radius: 50px;
				overflow: hidden;
				float: left;
				margin-top: 20px;
			}
			.headImage>img{
				width: 70px;
			}
			.news{
				float: left;
				margin-top: 25px;
				margin-left: 10px;
			}
			.times{
				margin-top: 20px;
				font-size: 14px;
				color: #CCCCCC;
			}
			.middle-left-element3{
				width: 700px;
				font-size: 14px;
				margin: 40px auto;
				border: 2px solid purple;
				border-top:5px solid purple ;
				padding-top: 20px;
				padding-bottom: 30px;
			}
			.middle-left-element4{
				width: 500px;
				height: 300px;
				margin: 0 auto;
				overflow: hidden;
			}
			.middle-left-element4>img{
				width: 100%;
				height: 100%;
			}
			.middle-left-element5{
				width: 700px;
				margin: 40px auto;
				border-left: 5px solid purple ;
			}
			.txt{
				padding-top: 50px;
				margin-left: 20px;
			}
			.plate{
				width: 500px;
				height: 300px;
				margin: 20px auto;
				overflow: hidden;
				padding-bottom: 50px;
			}
			.plate>img{
				width: 100%;
				height: 100%;
			}
			.middle-left-element6{
				width: 700px;
				height: 100%;
				margin: 0 auto;
				text-align: center;
				overflow: hidden;
			}
			.zan{
				float: left;
				margin-left: 200px;
				position: relative;
			}
			.shoucang{
				float: left;
				margin-left: 50px;
				position: relative;
			}
			.zhuanfa{
				float: left;
				margin-left: 50px;
			}
			.posi1{
				position: relative;
				top: 0;
				left: 0;
				z-index: 1;
			}
			.posi2{
				position: absolute;
				top: 0;
				left: 0;
			}
			.middle-left-element7{
				width: 700px;
				margin: 50px auto 0;	
				overflow: hidden;
			}
			.last{
				float: left;
				overflow: hidden;
				width: 349px;
				height: 70px;
				background-color: #CCCCCC;
				margin-left: 1px;
			}
			.last-left{
				float: left;
				margin: 30px 20px 0 20px;
			}
			.last-right{
				float: left;
				margin: 20px 20px 0 0px;
				line-height: 20px;
			}
			.next{
				float: left;
				overflow: hidden;
				width: 349px;
				height: 70px;
				background-color: #CCCCCC;
				margin-left: 1px;
			}
			.next-left{
				float: right;
				margin: 30px 20px 0 0px;
			}
			.next-right{
				float: right;
				margin: 20px 20px 0 0px;
				line-height: 20px;
				text-align: right;
			}
			.middle-left-element8{
				width: 700px;
				margin: 0 auto;
			}
			.talk{
				margin: 40px 0 50px 10px;
			}
			.denglu{
				width: 700px;
				height: 150px;
				border: 1px solid #CCCCCC;
				text-align: center;
			}
			.denglu-txt{
				margin-top: 50px;
			}
			.denglu-btn{
				overflow: hidden;
			}
			.zhu{
				margin-top: 20px;
				margin-left: 300px;
				float: left;	
			}
			.deng{
				width: 60px;
				height: 25px;
				line-height: 25px;
				border: 1px solid blue;
				color:blue ;
				margin-top: 16px;
				margin-left: 20px;
				float: left;	
			}
			.pinglun{
				width: 702px;
				height: 40px;
				background-color: #CCCCCC;
				overflow: hidden;
				margin-bottom: 50px;
			}
			.pinglun-txt{
				width: 80px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: #808080;
				border-radius: 5px;
				color: white;
				float: right;
				margin-top: 5px;
				margin-right: 20px ;
			}
			
			
			
			.middle-right{
				width: 400px;
				height: 100%;
				float: left;
			}
			.sousuo{
				width: 300px;
				height: 250px;
				border: 1px solid #CCCCCC;
				margin: 50px auto 0;
			}
			.middle-left-element2>p{
				width: 700px;
				line-height: 40px;
			}
			.middle-left-element2>p>img{
				width: 300px;
				height: 200px;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			#title{
				font-size: 40px;
				height: 100px;
				text-align: center;
				background-color: white;
				line-height: 100px;
			}
		</style>
	</head>

	<body>
		<div class="wrap">
			<!--导航-->
			<div id="navigation">
				<!--让导航居中-->
				<div id="nav">
					<!--导航logo-->
					<div id="nav_log" class="nav_log">
						<a id="navloga" href="putou.php"><img class="nav_log_img" src="img/nav_logo.gif" /></a>
					</div>
					<div id="nav_junp" class="nav_jump">
						<!--首页-->
						<div>
							<a id="first" href="putou.php">
								首页
							</a>
						</div>
						<!--葡萄产品-->
						<div>
							<a id="grapes" href="###">
								葡萄产品
							</a>
						</div>
						<!--葡萄纬度-->
						<div>
							<a id="latitude" href="latitude.php">
								葡萄纬度
							</a>
						</div>
						<!--APP下载-->
						<div>
							<a id="APPdownload" href="APP.php">
								APP下载
							</a>
						</div>
						<!--嘉年华-->
						<div>
							<a id="carnival" href="JNH.php">
								嘉年华
							</a>
						</div>
					</div>
					<div id="nav_load" class="nav_load">
						<!--登陆-->
						<div><a id="load" href="denglu.php">登陆</a></div>
						<!--注册-->
						<div><a id="registered" href="zhuce2.php">注册</a></div>
					</div>
				</div>
			</div>
			<!--隐藏-->
			<div id="grapes_hover">
				<div id="keepout">
					<?php
                         $sql = "select * from putao_chanpin order by id desc limit 6";
                         $result = mysql_query($sql);
                       while ($row =mysql_fetch_assoc($result)) {
                       ?>
                       <div><a href="<?php echo $row["href"]; ?>"><img src="<?php echo $row["scr"]; ?>"/><?php echo $row["txt"]; ?></a></div>
                    
                       <?php } ?>
				</div>
			</div>
			
			<div class="head">
			</div>
			<div class="middle">
				<div class="middle-left">
					<div class="middle-left-element1">
						社区首页 > 创造 > 科技玩具“奇妙电路”发布启蒙儿童了解物理世界
					</div>
					<div id="title">
						<?php
                         $sql = "select * from message_putao order by id desc limit 1";
                         $result = mysql_query($sql);
                       while ($row =mysql_fetch_assoc($result)) {
                       ?>
                  		<?php echo $row["title"]; ?>
                       <?php } ?>
					</div>
					<div class="middle-left-element2">
						<?php
                         $sql = "select * from message_putao order by id desc limit 1";
                         $result = mysql_query($sql);
                       while ($row =mysql_fetch_assoc($result)) {
                       ?>
                  		<?php echo $row["boke"]; ?>
                       <?php } ?>
					</div>
				</div>
				<div class="middle-right">
					<div class="sousuo">
						
					</div>
				</div>
			</div>
			
			
			<div id="abyejiaoly">
				<footer>
					<div id="footer_left">

					</div>
					<div id="footer_middle">
						<div>
							<h4>订单中心</h4>
							<a href="###">售后政策</a>
							<a href="###">配送常见问题</a>
							<a href="###">支付方式</a>
							<a href="###">支付常见问题</a>
							<a href="###">购物指南</a>
						</div>
						<div>
							<h4>服务支持</h4>
							<a href="###">配送方式</a>
							<a href="###">隐私政策</a>
							<a href="###">账户常见问题</a>
							<a href="###">淘淘向右走常见问题</a>
							<a href="###">班德瑞使用常见问题</a>
						</div>
						<div>
							<h4>商务合作</h4>
							<a href="###">商务合作</a>
						</div>
						<div>
							<h4>关于葡萄</h4>
							<a href="###">关于葡萄</a>
							<a href="###">联系我们</a>
						</div>
						<div>
							<h4>关于我们</h4>
							<a href="###">葡萄纬度</a>
						</div>
					</div>
					<div id="footer_right">
						<a href="###"><img src="img/btn_consult_qq@2x.png" /></a>
						<a href="###"><h2>400-651-6161</h2></a>
					</div>
					<h6>Copyright © 2016, Shanghai Putao Technology Co., Ltd. All Rights Reserved. 上海葡萄纬度科技有限公司</h6>
					<a href="###">沪IC备15015904号-3</a>
				</footer>
			</div>
		</div>

	</body>

</html>